/*--通用--*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin: 0;padding: 0;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing:0;}
a {text-decoration:none;}
a:hover {text-decoration:none;cursor:pointer;}
button, input, select, textarea {*font-size: 100%;font-size:100%}
textarea{resize:none;}
input,select,textarea,button{outline:none}
body{
    font-family:'MicroSoft YaHei';
}
.clearboth{
    clear: both;
}
.float_l{
    float: left;
    display: inline;
}
.float_r{
    float: right;
    display: inline;
}
.container{
    width: 1200px;
    margin: 0 auto;
}
/*--导航--*/
#navbar{
    width: 100%;
    background: rgba(0,0,0,.8);
    position: absolute;
    z-index: 10;
    .nav{
        width: 1200px;
        margin: 0 auto;
        .logo{
            width: 200px;
            padding: 5px 10px;
            font-size: 0;
        }
        .nav_ul{
            width: 960px;
            height: 58px;
            position: relative;
            ul{
                li{
                    float: left;
                    width: 100px;
                    height: 58px;
                    display: block;
                    text-align: center;
                    line-height: 58px;
                    &:hover{
                        background: url(../images/common/nav_01.png) no-repeat;
                    }
                    &.active{
                        background: url(../images/common/nav_01.png) no-repeat;
                    }
                    a{
                        
                        color: #fff;
                        line-height: 90px;
                        font-size: 18px;
                    }
                }
            }
        }
    }
}

/*--尾部--*/
#footer{
    width: 100%;
    background: url(../images/common/foot_01.jpg);
    padding-top:90px ;
    .message{
        input,select{
            width: 220px;
            height: 38px;
            line-height: 38px;            
            padding-left: 1.5rem;
            border-radius: 8px;
            color: #fff;
            font: 13.3333px Arial;
            background: none;
            border: 1px solid #FFFFFF;
            margin-right: 30px;
        }
        select{
            width: 120px;
        }
        button{
            width: 100px;
            height: 40px;
            line-height: 40px;
            background: #ff8a00;
            text-align: center;
            border: none;
            border-radius: 8px;
            color: #fff;
        }
    }
    .generalize{
        width: 100%;
        margin-top: 40px;
        height: 180px;
        display: flex;
        justify-content: space-around;
        ul{
            float: left;
            li{
                height: 24px;
                line-height: 24px;
                font-size: 14px;
                color: #FFFFFF;
                &:nth-of-type(1){
                    font-size: 18px;
                    padding: 0 20px 10px 0;
                    border-bottom: 1px solid #FFFFFF;
                    margin-bottom: 6px;
                }
            }
        }
    }
    .frienda{
        color: gray;
        font-size: 12px;
        .link{
            display: inline-block;
            margin-left: 20px;
            a{
                color: gray;
                padding-right: 20px;
                &:hover{
                    text-decoration: underline;
                    color: #ff8a00;
                }
            }
        }
    }
    p{
        margin-top: 10px;
        padding-bottom: 10px;
        height: 20px;
        line-height: 20px;
        color: #FFFFFF;
        font-size: 14px;
        color: #FFFFFF;
        vertical-align: middle;
        img{
            vertical-align: middle;
        }
    }
    p:nth-of-type(2){
        text-align: center;
        a{
           margin-right: 10px;
           color: gray;
        }
        
    }
    
}
